<template>
    <view class="parentNoticeList">
        <ScNavBar @click="backNav">标题</ScNavBar>
        <view class="flex-col--c" :style="{ height: `calc(100vh - $navHeight)` }">
            <view class="scroll-view-box">
                <scroll-view class="scroll-view" scroll-y @scrolltolower="scrolltolower">
                    <block v-for="(item, index) in dataList" :key="index"> </block>
                    <LoadMore :status="status" mode="loading2" color="#999999" textColor="#999999" textSize="28rpx" />
                </scroll-view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            status: "down",
            dataList:[]
        };
    },
    methods: {
        // 上拉触底事件
        scrolltolower() {
            this.status = "loading";
            setTimeout(() => {
                this.dataList = this.dataList.concat([]);
                this.status = "down";
            }, 1000);
        },
    },
};
</script>

<style lang="scss" scoped>
.parentNoticeList {
    height: 100vh;
    .scroll-view-box {
        flex: 1;
        width: 100%;
        overflow: hidden;
        .scroll-view {
            height: 100%;
            padding: 22px 16px 0 16px;
        }
    }
}
</style>
